
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>Sentra HTML CSS Template</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/bootstrap-theme.min.css">
        <link rel="stylesheet" href="css/templatemo-style.css">
        <script src="js/vendor/modernizr-2.8.3-respond-1.4.2.min.js"></script>
    </head>

<body>
		<!--导航栏部分-->
        <div class="sidebar-navigation hidde-sm hidden-xs">
            <div class="logo">
                <a href="#">resume <em>Group Three</em></a>
            </div>
            <nav>
                <ul>
                    <li>
                        <a href="#top">
                            <span class="rect"></span>
                            <span class="circle"></span>
                         	   首页
                        </a>
                    </li>
                    <li>
                        <a href="#featured">
                            <span class="rect"></span>
                            <span class="circle"></span>
                                                        杨喜燕
                        </a>
                    </li>
                    <li>
                        <a href="#projects">
                            <span class="rect"></span>
                            <span class="circle"></span>
                            	王金祥
                        </a>
                    </li>
                    <li>
                        <a href="#xiaopang">
                            <span class="rect"></span>
                            <span class="circle"></span>
                            	罗知理
                        </a>
                    </li>
                    <li>
                        <a href="#video">
                            <span class="rect"></span>
                            <span class="circle"></span>
                           	谢小平
                        </a>
                    </li>
                    <li>
                        <a href="#blog">
                            <span class="rect"></span>
                            <span class="circle"></span>
                           	 王乾宇
                        </a>
                    </li>
                    <li>
                        <a href="#contact">
                            <span class="rect"></span>
                            <span class="circle"></span>
                            	陈洪阳
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
        <!--主体部分-->
        <div class="slider">
            <div class="Modern-Slider content-section" id="top">
                <!-- Item -->
                <div class="item item-1">
                    <div class="img-fill">
                    <div class="image"></div>
                    <div class="info">
                        <div>
                          <h1>没有来自内心的渴望，不可能成功<br/>—— 金兰都<h1>
                          <p>Success is impossible without an inner desire
                          	<br>—— Kim Ran-do.</p>
                        </div>
                        </div>
                    </div>
                </div>
                <!-- // Item -->
                <!-- Item -->
                <div class="item item-2">
                    <div class="img-fill">
                        <div class="image"></div>
                        <div class="info">
                        <div>
                          <h1>黄河走东溟，白日落西海，逝川与流光，飘忽不相待<br>—— 李白</h1>
                          <p>The Yellow River is Ming to the east, the white sunset west sea, the river and streamer, fluttering.
							<br>——li po.</p>
                        </div>
                        </div>
                    </div>
                </div>
                <!-- // Item -->
                <!-- Item -->
                <div class="item item-3">
                    <div class="img-fill">
                        <div class="image"></div>
                        <div class="info">
                        <div>
                          <h1>你不面对现实，现实就会面对你。<br>—— 温斯顿·丘吉尔</h1>
                          <p>If you don't face reality, it will face you 
                          	<br>——Winston Churchill.</p>
                        </div>
                        </div>
                    </div>
                </div>
                <!-- // Item -->
            </div>
        </div>


        <div class="page-content">
            <section id="featured" class="content-section">
            	<div style="width: 100%;height: 500px;border: 1px solid saddlebrown;margin: 0px;">
                	yangxiyan
                </div>
            </section>
            <section id="projects" class="content-section">
               <div style="width: 100%;height: 500px;border: 1px solid saddlebrown;margin: 0px;">
                	王金祥
                </div>
            </section>
             <section id="xiaopang" class="content-section">
                <div style="width: 100%;height: 2300px;margin: 0px;">
                	<iframe width="100%" height="100%" style="border:0px;" src="http://www.luozhili.top"></iframe>
                </div>
            </section>
            <section id="video" class="content-section">
               <div style="width: 100%;height: 500px;border: 1px solid saddlebrown;margin: 0px;">
                	谢小平
                </div>
            </section>
            <section id="blog" class="content-section">
                <div style="width: 100%;height: 1390px;margin: 0px;">
                	<iframe width="100%" height="100%" style="border:0px;" src="html/wangqianyu.html"></iframe>
                </div>
            </section>
            <section id="contact" class="content-section">
               <div style="width: 100%;height: 1100px;margin: 0px;">
                	<iframe width="100%" height="100%" style="border:0px;" src="http://www.mychy.top"></iframe>
                </div>
            </section>
           
            <section class="footer">
                <p>Copyright &copy; 2018 Company Name .重庆足下软件学院: <a href="" target="_blank">Sentra</a> More Templates <a href="http://www.516code.cn/" target="_blank" title="老司机汽修网站">老司机4s店</a> </p>
            </section>
        </div>



    <script src="https://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>')</script>

    <script src="js/vendor/bootstrap.min.js"></script>
    
    <script src="js/plugins.js"></script>
    <script src="js/main.js"></script>

    <script>
        // Hide Header on on scroll down
        var didScroll;
        var lastScrollTop = 0;
        var delta = 5;
        var navbarHeight = $('header').outerHeight();

        $(window).scroll(function(event){
            didScroll = true;
        });

        setInterval(function() {
            if (didScroll) {
                hasScrolled();
                didScroll = false;
            }
        }, 250);

        function hasScrolled() {
            var st = $(this).scrollTop();
            
            // Make sure they scroll more than delta
            if(Math.abs(lastScrollTop - st) <= delta)
                return;
            
            // If they scrolled down and are past the navbar, add class .nav-up.
            // This is necessary so you never see what is "behind" the navbar.
            if (st > lastScrollTop && st > navbarHeight){
                // Scroll Down
                $('header').removeClass('nav-down').addClass('nav-up');
            } else {
                // Scroll Up
                if(st + $(window).height() < $(document).height()) {
                    $('header').removeClass('nav-up').addClass('nav-down');
                }
            }
            
            lastScrollTop = st;
        }
    </script>
    <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
</body>
</html>